<html>
<head>
    <meta charset="utf-8">
    <title>QUIGRAFIN - Insumos Quimicos para la Industria Gráfica en Peru</title>
    <link type="text/css" rel="stylesheet" href="/css/estilos.css">
    <link media="screen" type="text/css" href="/css/nivo-slider.css" rel="stylesheet">
    <script src="/js/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="/js/jquery.nivo.slider.pack.js"></script>
    <link type="text/css" rel="stylesheet" href="/SpryAssets/SpryMenuBarHorizontal.css">

    <script type="text/javascript" src="/SpryAssets/SpryMenuBar.js"></script>
    <script type="text/javascript">
        $(window).load(function() {

            $('#slider').nivoSlider({
                //effect: 'random',  Specify sets like: 'fold,fade,sliceDown'
                effect: 'sliceUpDownLeft,boxRainReverse', // Specify sets like: 'fold,fade,sliceDown'
                slices: 15, // For slice animations
                boxCols: 8, // For box animations
                boxRows: 4, // For box animations
                animSpeed: 500, // Slide transition speed
                pauseTime: 3000, // How long each slide will show
                startSlide: 0, // Set starting Slide (0 index)
                directionNav: true, // Next &amp; Prev navigation
                directionNavHide: true, // Only show on hover
                controlNav: false, // 1,2,3... navigation
                controlNavThumbs: false, // Use thumbnails for Control Nav
                controlNavThumbsFromRel: false, // Use image rel for thumbs
                controlNavThumbsSearch: '.jpg', // Replace this with...
                controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
                keyboardNav: true, // Use left &amp; right arrows
                pauseOnHover: true, // Stop animation while hovering
                manualAdvance: false, // Force manual transitions
                captionOpacity: 0.8, // Universal caption opacity
                prevText: '&lt;&lt;', // Prev directionNav text
                nextText: '&gt;&gt;', // Next directionNav text
                beforeChange: function(){}, // Triggers before a slide transition
                afterChange: function(){}, // Triggers after a slide transition
                slideshowEnd: function(){}, // Triggers after all slides have been shown
                lastSlide: function(){}, // Triggers when last slide is shown
                afterLoad: function(){} // Triggers when slider has loaded
            });

        });

    </script>

    <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>
<body>
<div id="contenedor">
